{% extends "blogs/base.html" %}

{% block page_header %}
  <h3> <b>Title: {{blog}}</b> </h3>
  <p> 
    <b>posted on: </b>{{blog.date_added|date:'Y M d, H:i'}} |  
    <b>updated on: </b>{{blog.date_updated|date:'Y M d, H:i'}}
    <p style="margin-top: 10px;"> 
        <a href="{% url 'blogs:edit_blog' blog.id %}"
          style="background-color: #d4edda; padding: 5px 10px; 
          border-radius: 5px; margin-right: 10px;">
          Edit This Blog
        </a>
        <a href="{% url 'blogs:new_blog' %}" 
          style="background-color: #cfe2f3; padding: 5px 10px; border-radius: 4px;">
          Add a New Blog
        </a>
    </p>
    
  </p>
{% endblock page_header %}

{% block content %}
  <p> <b>Contents:</b> </p>
  <p> {{blog.text|linebreaks}} </p>
{% endblock %}